<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图书管理系统</title>
<!-- 引入jQuery.js文件 -->
<script type="text/javascript" src="static/jquery-easyui-1.4.1/jquery.js"></script>
<link rel="stylesheet" href="static/jquery-easyui-1.4.1/themes/gray/easyui.css">
<link rel="stylesheet" href="static/layui/css/layui.css">
<!-- 引入easyui小图标文件  -->
<link rel="stylesheet" href="static/jquery-easyui-1.4.1/themes/icon.css">
<script type="text/javascript"src="static/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
<script type="text/javascript"src="static/jquery-easyui-1.4.1/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript"src="static/layui/layui.js"></script>
<style type="text/css">
	#aa p{
		margin: 0px;
		padding-left: 20px;
		padding-top: 15px;
		padding-bottom: 5px;
		font-size: 20px;
		font-family: '楷体';
		border-bottom: 1px dashed #000;
	}
	#aa p:hover {
		cursor: pointer;
		background:#FFFAFA;
		border-left: 5px solid #00CCCC;
	}
	.ablank{
		text-decoration:none; color:#009bd8
	}
</style>
<script type="text/javascript">
	$(function(){
		
		$('p[title]').click(function(){
			var src = $(this).attr('title'); //得到路径
			var title = $(this).html(); //取a标签的文本值
			if($('#tt').tabs('exists',title)){ //判断选项卡是否存在
				$('#tt').tabs('select',title); //存在时直接选中该选项卡
			}else { //不存在时再动态生成
				$('#tt').tabs('add',{    
				    title:title, //动态生成标签头
				    content:'<iframe frameborder=0 style="width:100%;height:99%;" src='+ src +' ></iframe>', //动态生成选项卡内容 
				    closable:true //可关闭      
				}); 
			} 
		});
	});
</script>

<style type="text/css">
	
</style>
</head>
<body>
	<div class="easyui-layout" fit=true style="width: 100%;height: 100%;">       
		<div data-options="region:'west',title:'功能菜单',iconCls:'icon-more'"  style="width:200px;">
			<div id="aa" class="easyui-accordion" fit=true>
				<div title="书籍管理" iconCls="icon-report" sec:authorize="hasRole('ROLE_ADMIN')" >
					<p title="book/bookmain">图书管理</p>
					<p title="book/review">借书审核</p>
					<p title="book/agreemain">查看已借出图书</p>
					<p title="book/returnbook">查看还书记录</p>
				</div>
				<div title="用户管理" iconCls="icon-group" sec:authorize="hasRole('ROLE_ADMIN')" >
					<p title="student/studentmain">学生管理</p>
					<p title="teacher/teachermain">教师管理</p>
				</div>
				<div title="部门管理" iconCls="icon-home" sec:authorize="hasRole('ROLE_ADMIN')" >
					<p title="tbclass/tbclassmain">班级管理</p>
					<p title="college/collegemain">学院管理</p>
				</div>
				
				
				
<!-- ------------------------------------------------------------------------------------------------------- -->
				
				<div title="借阅图书" iconCls="icon-report_key" sec:authorize="!hasRole('ROLE_ADMIN')">
					<p title="book/audit">借书</p>
					<p title="book/nmtmain">已借图书及还书</p>
					<p title="book/waitmain">正在审核的图书</p>
				</div>
				
<!-- ------------------------------------------------------------------------------------------------------- -->
				
				<div title="设置" iconCls="icon-hammer_screwdriver">
					<p title="changepwd">修改密码</p>
					<p title="student/message" sec:authorize="hasRole('ROLE_STUDENT')">个人信息</p>
					<p title="ATmessage" sec:authorize="hasRole('ROLE_ADMIN')">个人信息</p>
					<p title="teacher/message1" sec:authorize="hasRole('ROLE_TEACHER')">个人信息</p>
					<p title="journal/journalmain" sec:authorize="hasRole('ROLE_ADMIN')">操作日志</p>
					<p><a href="logout1" id="logout">安全退出</a></p>
				</div>
			</div>
		</div>
	    <div data-options="region:'center'" style="padding:5px;background:#eee;">
			<div id="tt" class="easyui-tabs" fit="true">
				<div title="首页" data-options="href:'home',closable:false,iconCls:'icon-tip'" id="sy"></div>
			</div>
		</div>
	    <div data-options="region:'south'" style="height:4%;background: #FAFAFA">
	    	<div style="margin:5px 440px;">
	    		Copyright &copy; 2018.Company name All rights reserved.More Templates
				<a target="_blank" class="ablank">2017级软件分层实验班</a>- Collect from 
				<a target="_blank" class="ablank">小胖子</a>
	    	</div> 	
		</div>
	</div>  
</body>
</html>